<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="css/mstyle.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="../css/animate.css">
    <!--<link rel="stylesheet" href="css/swiper-bak.css">-->
    <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
<div class="head">
    <div class="logo-box">
        <a href="index.html">
            <img src="../img/logo_w.png" alt="" class="logo">
        </a>
    </div>
    <div id="openNav">
        <div class="nav-btn" >
            <div class="btn-item"></div>
            <div class="btn-item"></div>
            <div class="btn-item"></div>
        </div>
    </div>

</div>
<!--<div id="hd_w">-->
    <!--<div id="hd_d" style="top:0;"></div>-->
    <!--<ul id="hd_dot"></ul>-->

<!--</div>-->
<div class="slider">
    <div class="swiper-container">
        <div class="swiper-wrapper" id="banner">
            <!--<div class="swiper-slide">-->
                <!--<a href="#">-->
                    <!--<img src="../img/slider/slider01.jpg" alt="">-->
                <!--</a>-->
            <!--</div>-->
            <!--<div class="swiper-slide">-->
                <!--<a href="#">-->
                    <!--<img src="../img/slider/slider02.jpg" alt="">-->
                <!--</a>-->
            <!--</div>-->
            <!--<div class="swiper-slide">-->
                <!--<a href="#">-->
                    <!--<img src="../img/slider/slider03.jpg" alt="">-->
                <!--</a>-->
            <!--</div>-->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Navigation -->
        <!--<div class="swiper-button-prev"></div>-->
        <!--<div class="swiper-button-next"></div>-->
    </div>
</div>
<div class="news-box" id="news-box">
    <div class="icon-box">
        <img src="img/news-icon.png" alt="">
    </div>
    <div class="news-list-box">
        <ul class="news-list">
            <li>
                <div class="news-date">2018.12.04</div>
                <div class="news-title">阿拉膳房价开肥啦阿拉膳房价开肥啦阿拉膳房价开肥啦阿拉膳房价开肥啦啊就阿贾克斯的离开。</div>
            </li>
        </ul>
    </div>
</div>

<div class="nav-list" id="nav-item-link">
    <div class="nav-item-box animated fadeInUp">
        <div class="nav-items">
            <a href="nav-page.html?nav=0">
                <div class="item-content">
                    <p class="title-cn">走进阿拉膳</p>
                    <p class="title-en">TO Understand Alasun</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="nav-item-box animated fadeInUp">
        <div class="nav-items">
            <a href="nav-page.html?nav=1">
                <div class="item-content">
                    <p class="title-cn">新闻中心</p>
                    <p class="title-en">News Center</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="nav-item-box animated fadeInUp">
        <div class="nav-items">
            <a href="nav-page.html?nav=2">
                <div class="item-content">
                    <p class="title-cn">产业布局</p>
                    <p class="title-en">The Industry Layout</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="nav-item-box animated fadeInUp">
        <div class="nav-items">
            <a href="nav-page.html?nav=3">
                <div class="item-content">
                    <p class="title-cn">社会责任</p>
                    <p class="title-en">The Social responsibilility</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="nav-item-box animated fadeInUp">
        <div class="nav-items">
            <a href="nav-page.html?nav=4">
                <div class="item-content">
                    <p class="title-cn">专家团队</p>
                    <p class="title-en">The expert team </p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
</div>

<div class="link-to-res">
    <a href="nav-page.html?nav=3">
        <img src="../img/fp.jpg" alt="">
    </a>
</div>
<div class="others-web">
    <div class="others-web-title">
        <p>集团产业</p>
    </div>
    <div class="other-web-item-box">
        <div class="nav-items">
            <a href="">
                <div class="item-content">
                    <p class="title-cn">研发</p>
                    <p class="title-en">Research And Delelopment</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="other-web-item-box">
        <div class="nav-items">
            <a href="">
                <div class="item-content">
                    <p class="title-cn">医用食品</p>
                    <p class="title-en">Medical food And Function Management</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="other-web-item-box">
        <div class="nav-items">
            <a href="">
                <div class="item-content">
                    <p class="title-cn">健康领域</p>
                    <p class="title-en">Health Intervention Management</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="other-web-item-box">
        <div class="nav-items">
            <a href="">
                <div class="item-content">
                    <p class="title-cn">大数据</p>
                    <p class="title-en">Health Big Data Information</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
    <div class="other-web-item-box">
        <div class="nav-items">
            <a href="">
                <div class="item-content">
                    <p class="title-cn">精准医疗</p>
                    <p class="title-en">Precision Medical Care For Disease</p>
                </div>
                <img src="img/arrow.png" alt="">
            </a>
        </div>
    </div>
</div>
<div id="foot"></div>

<div class="fixed-body" id="fixed-body">
    <div class="head">
        <div class="logo-box">
            <a href="index.html">
                <img src="../img/logo.png" alt="" class="logo">
            </a>
        </div>
        <div class="nav-btn" id="closeNav">
            <div class="btn-item btn-item-first"></div>
            <div class="btn-item opacity0"></div>
            <div class="btn-item btn-item-last"></div>
        </div>
    </div>
    <div class="head-img-box">
        <img src="../img/contact/address.jpg" alt="">
    </div>
    <div class="fixed-erweima">
        <img src="" alt="" id="ewm">
    </div>
    <div class="health-of-china">HEALTH OF CHINA</div>
    <p class="text01">专注健康产业/助理健康产业</p>
    <p class="text02">SINCE 1998</p>
    <div class="address-icon">
        <img src="img/address-icon.png" alt="">
    </div>
    <p class="group-name"></p>
    <p class="group-address"></p>
    <p class="group-telephone"></p>
</div>
<script src="../js/jquery.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="../js/app.js"></script>
<script src="js/main.js"></script>
<script src="js/mindex.js"></script>
<script src="js/mfoot.js"></script>
</body>
</html>
